<template>
  <div id="checkpoint">
    <img class=checkimg :class="{check:ischeck}" src="~assets/img/cart/tick.svg">
  </div>
</template>

<script>
  export default {
    name: "CheckButton",
    props:{
      ischeck:{
        type:Boolean,
        default(){
          return false
        }
      }
    }
  }
</script>

<style scoped>
  #checkpoint{
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .checkimg{
    border-radius: 50%;
    border: 1px solid #999999;
  }

  .check{
    background-color: #ff5777;
  }
</style>
